<template>
  <div class="flex flex-col justify-center items-center mt-36">
    <j-icon :size="size" :color="color">{{ icon }}</j-icon>
    <div class="mt-2 text-center">
      <slot>{{ describe }}</slot>
    </div>
  </div>
</template>
<script setup name="emty">
defineProps({
  icon: {
    type: String,
    default: "empty",
  },
  describe: {
    type: String,
    default: "暂无数据",
  },
  size: {
    type: Number,
    default: 68,
  },
  color: {
    type: String,
    default: "rgb(var(--v-subtitle))",
  },
});
</script>

<style scoped></style>
